<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>
<html>
<head>
  <title>Celestiary - Guide</title>
  <link rel="stylesheet" href="index.css"/>
  <script type="module">
    import {init} from './index.js';
    init();
  </script>
</head>
<body style="height: 100%; background: #444">
<div id="nav" style="overflow-y: scroll">
  <h1>Guide</h1>
  <p><a href="../index.html">← Back</a></p>
  <ol>
    <li><a href="#welcome.html">Welcome</a></li>
    <li>Data
      <ol>
        <li><a href="#loader.html">Loader</a></li>
        <li><a href="#measure.html">Measures</a></li>
      </ol>
    </li>
    <li>Scene Objects
      <ol>
        <li>Basic Shapes
          <ul>
            <li><a href="#cube.html">Cube</a></li>
            <li><a href="#sphere.html">Sphere</a></li>
          </ul>
        </li>
        <li>Decorators
          <ul>
            <li><a href="#grid.html">Grid</a></li>
            <li><a href="#labels.html">Labels</a></li>
            <li><a href="#angles.html">Angles</a></li>
          </ul>
        </li>
        <li>Interaction
          <ul><li><a href="#picking.html">Picking</a></li></ul>
        </li>
      </ol>
    </li>
    <li>Celestial Bodies
      <ul>
        <li><a href="#stars.html">Stars</a></li>
        <!--<li><a href="#stars-picking.html">Stars Picking</a></li>-->
        <li><a href="#star.html">Star</a></li>
        <li><a href="#asterisms.html">Asterisms</a></li>
        <li><a href="#planet.html">Planet</a></li>
        <ul>
          <li><a href="#atmosphere.html">Atmosphere</a></li>
          <li>Earth:
            <ul>
              <li><a href="#map.html">Map</a></li>
              <li><a href="#sphere-map.html">Sphere map</a></li>
              <li><a href="#wind.html">Wind map</a></li>
            </ul>
          </li>
        </ul></li>
        <!--<li><a href="#asteroids.html">Asteroids</a> -->
      </ul>
    </li>
    <li>Celestial Mechanics
      <ul>
        <li><a href="#orbit.html">Orbits</a></li>
        <li><a href="#galaxy.html">Gravity (galaxy)</a></li>
        <li><a href="#saturn-earth.html">Saturn-Earth demo</a></li>
      </ul>
    </li>
  </ol>
</div>
<iframe id="content-frame"
        name="content-frame"
        style="position: absolute; width: 85%; height: 100%; top: 0; right: 0; border: none"
        src="welcome.html"/>
</body>
</html>
